<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
	</head>
	<body>
		<h1><a href="index.html">CSS</a>和<a href="boot.html">Bootstrap</a>实现屏幕自适应对比</h1>
		<div id="div1">
			<div class="div-child child1 col-lg-3 col-md-3 col-sm-6 col-xs-12"></div>
			<div class="div-child child2 col-lg-3 col-md-3 col-sm-6 col-xs-12" ></div>
			<div class="div-child child3 col-lg-3 col-md-3 col-sm-6 col-xs-12" ></div>
			<div class="div-child child4 col-lg-3 col-md-3 col-sm-6 col-xs-12"></div>
		</div>
	</body>
</html>
